/* 整体背景，兼容你BorderPane声明的背景图 */
.root {
    -fx-font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    -fx-font-size: 14px;
}

/* BorderPane背景图统一覆盖 */
.border-pane {
    -fx-background-image: url("主页背景3.png");
    -fx-background-repeat: no-repeat;
    -fx-background-size: cover;
}

/* 顶部HBox区域背景 */
.hbox {
    -fx-background-color: rgba(244,244,244,0.85);
    -fx-padding: 5 10 5 10;
}

/* 顶部按钮样式 */
.button {
    -fx-background-color: #1976d2;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-padding: 6 12;
    -fx-background-radius: 4;
}

.button:hover {
    -fx-background-color: #1565c0;
}
#photoButton:hover {
    -fx-background-color: rgba(255, 255, 255, 0.948);
}

/* FlowPane按钮间距 */
.flow-pane > .button {
    -fx-margin-right: 10px; /* FlowPane本身无margin, 用margin占位 */
}

/* TextField和ComboBox通用 */
.text-field, .combo-box, .date-picker {
    -fx-background-radius: 4;
    -fx-border-radius: 4;
    -fx-border-color: #ccc;
    -fx-padding: 4 6;
}

.text-field:focused, .combo-box:focused, .date-picker:focused {
    -fx-border-color: #cdd9e7;
    -fx-box-shadow: 0 0 5px -1px #cdd9e7;
}

/* TableView样式 */
.table-view {
    -fx-background-color: rgba(255, 255, 255, 0.85);
    -fx-table-cell-border-color: transparent;
    -fx-border-color: transparent;
    -fx-border-radius: 6;
    -fx-background-radius: 6;
    -fx-padding: 10;
    -fx-text-fill: black;
}

.table-view .column-header-background {
    -fx-background-color: #cdd9e7;
    -fx-text-fill: white;
}

.table-view .column-header, .table-view .column-header .label {
    -fx-text-fill: black;
    -fx-font-weight: bold;
}

/* 表格行高 */
.table-row-cell {
    -fx-pref-height: 30px;
}

/* 表格单元格内容居中 */
.table-cell {
    -fx-alignment: center;
    -fx-padding: 0 8px;
    -fx-text-fill: black;
}

/* 选中行样式 */
.table-row-cell:selected {
    -fx-background-color: rgba(25, 118, 210, 0.3);
}

/* GridPane标签 */
.label {
    -fx-font-weight: bold;
    -fx-padding: 3 5 3 5;
}

/* GridPane里TextField布局 */
.grid-pane .text-field {
    -fx-pref-width: 200px;
}

/* 按钮组按钮 */
.flow-pane > .button {
    -fx-background-color: #0288d1;
    -fx-text-fill: white;
}

.flow-pane > .button:hover {
    -fx-background-color: #02669b;
}

/* VBox容器填充 */
.vbox {
    -fx-padding: 20;
}

/* 边框黑线按钮，按钮的自定义样式类 */
.border_black_1 {
    -fx-border-color: black;
    -fx-border-width: 1;
    -fx-background-color: transparent;
    -fx-padding: 6 12;
}

/* 选中ComboBox文本颜色 */
.combo-box .list-cell:focused {
    -fx-text-fill: #1976d2;
    -fx-font-weight: bold;
}
